<!-- <page-header></page-header> -->
<div style="height: 20px;"></div>
<div sg-container="2">
  <sg>
    <div sg-container="1">
      <sg>
        <div>
          <span style="padding-left: 10px;border-left: 3px solid #666666;"><b>照片/图册</b></span>
          <hr>
        </div>
        <div>
          <div>
            <div sg-container="2">
              <sg>
                <p style="font-size: 40px;margin-bottom: 0px;height: 60px;line-height: 60px;">蔡成功</p>
              </sg>
              <sg style="text-align: right;height: 60px;line-height: 60px;"><button nz-button nzType="primary"
                  style="font-size: 16px;" (click)="toRelation()">加入研判分析</button></sg>
            </div>
            <div style="margin-bottom: 20px;">
              <nz-carousel nzAutoPlay [nzEffect]="'fade'" style="text-align: center;
              height: 200px;
              line-height: 200px;
              color: #fff;
              overflow: hidden;">
                <div nz-carousel-content *ngFor="let index of imageArray">
                  <!-- <h3 style="color: #fff;">{{ index }}</h3> -->
                  <img [src]="index.url" alt="蔡成功头像" style="width: 320px; cursor: pointer;">

                </div>
              </nz-carousel>
            </div>
          </div>
        </div>
      </sg>
      <sg>
        <div>
          <span style="padding-left: 10px;border-left: 3px solid #666666;"><b>相关实体</b></span>
          <hr>
        </div>
        <div>
          <nz-tabset>
            <nz-tab nzTitle="实体">
              <st #st [data]="users" [columns]="columns" (change)="change($event)" [page]="stpage" virtualScroll
                [scroll]="{ x: '632px', y: '170px' }"></st>
            </nz-tab>
            <nz-tab nzTitle="事件">
              <nz-table #basicTable2 [nzData]="eventListOfData" [nzShowPagination]="false">
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>事件目标人物</th>
                    <th>事件类型</th>
                    <th>事件备注</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let data of basicTable2.data">
                    <td>{{ data.number }}</td>
                    <td>{{ data.name }}</td>
                    <td>{{ data.type }}</td>
                    <td>
                      {{ data.content }}
                    </td>
                  </tr>
                </tbody>
              </nz-table>
            </nz-tab>
            <nz-tab nzTitle="文档">
              <nz-table #basicTable [nzData]="documentListOfData" [nzShowPagination]="false">
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>文档名称</th>
                    <th>主要内容</th>
                    <th>下载</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let data of basicTable.data">
                    <td>{{ data.number }}</td>
                    <td>{{ data.name }}</td>
                    <td>{{ data.content }}</td>
                    <td>
                      <a href="#" download="下载">下载</a>
                    </td>
                  </tr>
                </tbody>
              </nz-table>
            </nz-tab>
          </nz-tabset>
        </div>
      </sg>
    </div>
  </sg>
  <sg>
    <div>
      <span style="padding-left: 10px;border-left: 3px solid #666666;"><b>个人详细信息</b></span>
      <hr>
    </div>
    <nz-table nzSize="small" #colSpanTable [nzData]="listOfData" nzBordered [nzShowPagination]="false"
      [nzFrontPagination]="false" [nzScroll]="{ x: '632px', y: '560px' }">
      <thead>
        <tr>
          <th style="width: 19.1%;">第一属性</th>
          <th style="width: 27.2%;">第二属性</th>
          <th style="width: 53.7%;">详细内容</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of colSpanTable.data; index as i">
          <td [attr.rowspan]="setRowspan(i)" *ngIf="toggalTable(i)">{{ data.first }}</td>
          <!-- <td [attr.rowspan]="setRowspan(i)">{{ data.first }}</td> -->
          <td>{{ data.second }}</td>
          <td>{{ data.detail }}</td>
        </tr>
      </tbody>
    </nz-table>
  </sg>
</div>
